<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个性路线</title>
    <link rel="stylesheet" href="stylesheets/line.css">
    <link rel="shortcut icon" href="images/travelling.ico">
    <link rel="stylesheet" href="bs4.0/css/bootstrap.css">
    <script src="javascripts/jquery-3.4.1.min.js"></script>
    <script src="bs4.0/js/bootstrap.js"></script>

    <script>
        $(function () {
            $('#head').load('head.html')
            $('#foot').load('foot.html')
        })
    </script>
</head>

<body>
    <div id="head"></div>
    <div id="loopImg">
        <img src="images/line-img/head5.png" alt="">
    </div>
    <div id="container">
        <div class="tenpx-line"></div>
        <div id="con-line">
            <div id="con-line-nav">
                 <nav class="navbar navbar-expand-md bg-dark navbar-dark">
                    <span class="navbar-brand">路线分类</span>

                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav">
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    人群划分
                                </a>
                                <div class="dropdown-menu" id="people">
                                    <a class="dropdown-item" href="linehelp/people1.html">活力行</a>
                                    <a class="dropdown-item" href="linehelp/people2.html">夕阳游</a>
                                    <a class="dropdown-item" href="linehelp/people3.html">亲子游</a>
                                    <a class="dropdown-item" href="#">情侣游</a>
                                    <a class="dropdown-item" href="#">蜜月游</a>
                                    <a class="dropdown-item" href="#">伙伴游</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                    时间长度
                                </a>
                                <div class="dropdown-menu" id="time">
                                    <a class="dropdown-item" href="#">一日游</a>
                                    <a class="dropdown-item" href="#">两日游</a>
                                    <a class="dropdown-item" href="#">三日游</a>
                                    <a class="dropdown-item" href="#">四日游</a>
                                    <a class="dropdown-item" href="#">五日游</a>
                                    <a class="dropdown-item" href="#">七日游</a>
                                    <a class="dropdown-item" href="#">多日游</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                    季节
                                </a>
                                <div class="dropdown-menu" id="season">
                                    <a class="dropdown-item" href="#">浪漫春日</a>
                                    <a class="dropdown-item" href="#">活力之夏</a>
                                    <a class="dropdown-item" href="#">金秋时节</a>
                                    <a class="dropdown-item" href="#">冬日热旅</a>
                                </div>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                    Dropdown link
                                </a>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="#">Link 1</a>
                                    <a class="dropdown-item" href="#">Link 2</a>
                                    <a class="dropdown-item" href="#">Link 3</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
        <div class="tenpx-line"></div>

        <div id="platformRecommend">
            <div class="con-title">平台推荐</div>
            <div id="con-platformRecommend-main">
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div id="personalRecommend">
            <div class="con-title">个人推荐</div>
            <div id="con-personalRecommend-main">
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
                <div class="line">
                    <h3>玩转三亚</h3>
                    <p>途径:三亚</p>
                    <p>行程：蜈支洲岛-亚龙湾-后海-后海村-海棠68环球美食街-海棠湾-三亚湾-中心皇冠假日酒店清盛日料自助-隐醉ENJOY LOUNGE-南山寺-天涯...</p>
                    <div class="line-img">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line1.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line2.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line3.jpg" alt="">
                        <img class="col-12 col-md-6 col-lg-6 col-xl-3" src="images/line-img/line4.jpg" alt="">
                    </div>
                </div>
            </div>



        </div>













        <div id="foot"></div>
</body>

</html>